    <div class="row clearfix">
        <div class="col-md-11 column">
            <div class="panel-heading">
                <h3 class="alert alert-danger">
                    <span class="glyphicon glyphicon-comment" style="color:gray">&nbsp;&nbsp;最新评论</span>
                    <span class="glyphicon glyphicon-remove btn panel-close pull-right" data-dismiss="alert" style="color:gray"></span>
                    <span class="glyphicon glyphicon-chevron-up btn panel-collapse pull-right"  data-toggle="collapse" data-target="#latest-comment-list" style="color:gray"></span>
                </h3>

            <ul id="latest-comment-list" class="list-group collapse in">
                {% for comment in latest_comment_list%}
                <li class="list-group-item clearfix">
                    <div class="comment-tx">
                        {% if comment.user.img%}
                        <img src="{{comment.user.img}}" width="40" height="40" alt="" class="img-circle">
                        {%else%}
                        <img src="/image/tx/default.jpg" width="40" height="40" alt="" class="img-circle">
                        {%endif%}
                        <a href="#" style="color:gray">{{comment.user.username}} 评论:</a>
                        <div class="comment-content">
                            <a href="{% url 'article-detail-view' comment.article.en_title%}" style="color:gray">
                                {% autoescape on%}
                                {{comment.text|slice:"30" }}
                                {% endautoescape %}
                                {% if comment.text|length > 30%}
                                ...
                                {% endif %}
                            </a>
                        </div>
                    </div>
                </li>
                {% endfor %}
            </ul>
                </div>
        </div>
    </div>